<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>title</title>
    <link rel="stylesheet" href="../assets/agile/css/ratchet/css/ratchet.min.css">
    <link rel="stylesheet" href="../assets/agile/css/flat/flat.component.css">
    <link rel="stylesheet" href="../assets/agile/css/flat/flat.color.css">
    <link rel="stylesheet" href="../assets/agile/css/flat/iconline.css">
    <link rel="stylesheet" href="../assets/app/css/app.css" />
<body>
<header class="bar bar-nav" id="header">
    <a class="icon icon-left-nav pull-left" href="javascript:appClose('login');"></a>
    <h1 class="title">登录</h1>
</header>

<section>
<div class="content login-content" style="margin-top:44px;">
    <div class="input-group" id="login-form">
        <input type="text" placeholder="请输入手机号/邮箱" name="account" class="user-user" id="txtAccount">
        <input type="password" placeholder="请输入用户密码" name="password" class="user-pwd" id="txtPassword">
      <button class="btn btn-positive btn-block login-btn" id="btnLogin">登录</button>
      <div class="login-bottom">       
      <a href="javascritp:randomSwitchBtn('test');">忘记密码？</a>
      </div>
    </div>
    <div class="clear"></div>
    <button class="btn btn-negative btn-block btn-outlined reg-btn" onclick="location.href='?/mobile/user/register'">通过手机号注册</button>
</div>

<div id="footer">
            <nav class="bar bar-tab">
                <a class="tab-item" tapmode="hover" onclick="randomSwitchBtn('home');">
                    <span class="icon iconline-home"></span>
                    <span class="tab-label">首页</span>
                </a>
                <a class="tab-item" tapmode="hover" onclick="randomSwitchBtn('list');">
                    <span class="icon iconline-grid"></span>
                    <span class="tab-label">所有商品</span>
                </a>
                <a class="tab-item" tapmode="hover" onclick="randomSwitchBtn('lastnew');">
                    <span class="icon iconline-bulb"></span>
                    <span class="tab-label">最新揭晓</span>
                </a>
                <a class="tab-item head-shopcart" id="headShopcart" tapmode="hover" onclick="randomSwitchBtn('cart');">
                    <span class="icon iconline-shop-basket"></span>
                    <span class="tab-label">购物车</span>
                    <em class="footer_goods_num" style="display: block;">2</em>
                </a>
                <a class="tab-item" tapmode="hover" onclick="randomSwitchBtn('user');">
                    <span class="icon iconline-uid"></span>
                    <span class="tab-label">我的</span>
                </a>
            </nav>
        </div>
                
</section>

</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/jquery.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/jquery.form.js"></script>
<script type="text/javascript" src="../script/local.js"></script>
<script type="text/javascript">
window.isHide = {
  
};

apiready = function(){
        var header = $api.byId('header');
        //适配iOS 7+，Android 4.4+状态栏
//      api.showProgress({
//          title : '加载中...',
//          text : ''
//      });

       isLogin();


    var btnLogin = document.getElementById('btnLogin');
    btnLogin.onclick = function(){
        api.ajax({
            method : 'post',
	        url:config.WEB_PATH+'/mobile/ajax/apptest',
	        data : {
	           values : {
	           'username' : '蜡笔小新',
               'password' : '123456'
	           }
	        }
        },function(ret,err){
        	//coding...
        	alert(ret['username']);
        });
    }

};



function isLogin(){
    //localData.initDom();
    //localData.set('name',123);
    
    localData.initDom();
    var userinfo = localData.get('userinfo');
      
}

</script>
</html>